import { NavLink, useLocation } from 'react-router-dom';
import logo from '../assets/img/logo.svg';
import '../assets/css/head.less'

const Hedaer = () => {

  const location = useLocation()

  return <div className='header_box'>
    <div className='flex_sb'>
      <div>
        <img src={logo} alt="logo" />
      </div>
      <div className='menu_con'>
        <ul>
          <li>
            <NavLink className={({ isActive }) => { return isActive ? "ups" : ""; }} to="/home">home</NavLink>
          </li>
          <li>
            <NavLink className={({ isActive }) => { return isActive ? "ups" : ""; }} to="/home1">home1</NavLink>
          </li>
          <li>
            <NavLink className={({ isActive }) => { return isActive ? "ups" : ""; }} to="/home2">home2</NavLink>
          </li>
        </ul>
      </div>

      <div className='wallet_box'>
        <button>连接钱包</button>
      </div>
    </div>
    
  </div>
}

export default Hedaer;